<template>
  <div ref="formBox">
    <el-form ref="form" :rules="rules" :model="form" label-width="150px">
      <el-form-item label="UID" prop="userId">
        <el-input v-model.number="form.refundUserId" :disabled="true" />
      </el-form-item>
      <el-form-item label="昵称" prop="nickname">
        <el-input v-model="form.nickname" :disabled="true" />
      </el-form-item>
      <el-form-item label="消费单号" prop="consumerOrderNo">
        <el-input v-model="form.consumerOrderNo" :disabled="true" />
      </el-form-item> 
       <el-form-item label="订单金额(元)" prop="consumerPayCash">
        <el-input v-model="form.consumerPayCash" :disabled="true" />
      </el-form-item>
      <el-form-item label="累计退额(元)" prop="consumerRefundAmount">
        <el-input v-model="form.consumerRefundAmount" :disabled="true" />
      </el-form-item>
      <el-form-item label="退单金额(元)" prop="applyAmount">
        <el-input v-model="form.applyAmount" :disabled="true" />
      </el-form-item>
      <el-form-item label="手续费(元)" prop="chargeAmount">
        <el-input v-model="form.chargeAmount" :disabled="true" />
      </el-form-item>
      <el-form-item label="实付金额(元)" prop="actAmount">
        <el-input v-model="form.actAmount" :disabled="true" />
      </el-form-item>
      <!-- <el-form-item label="审核时间" prop="auditTime">
        <el-input v-model="form.auditTime" :disabled="true" />
      </el-form-item> -->
      <el-form-item label="审批状态" prop="statusStr">
        <el-input v-model="form.statusStr" :disabled="true" />
      </el-form-item>

      <el-form-item label="审批操作" prop="status">
        <el-radio v-model="params.status" label="1">审核通过</el-radio>
        <el-radio v-model="params.status" label="40">审核拒绝</el-radio>
        <!-- <el-select v-model="status" clearable style="width: 100%" @change="selectStatus">
          <el-option v-for="dict in statusList" placeholder="出金状态" :key="dict.value" :label="dict.label" :value="dict.value" />
        </el-select> -->
      </el-form-item>
      <el-form-item label="审核说明" prop="auditNotReason">
        <el-input v-model="form.auditNotReason" />
      </el-form-item>

    </el-form>
  </div>
</template>

<script>

export default {
  name: 'FormView',
  props: {
    form: {
      type: Object,
    }
  },

  data() {
    return {
      status: '1',
      params: {
        id: this.form.id,
        status: '1',
        remark: '',
      },
      statusList: [{ label: '审核通过', value: 1 }, { label: '审核拒绝', value: 3 }],
      rules: {
        status: [{ required: true, message: "出金审批必选", trigger: "blur" }],
        auditNotReason: [{ required: true, message: "审核说明必填", trigger: "blur" }],
      },
    }
  },
  watch: {
    form(val) {
      // this.params.id = val.id;
    }
  },
  mounted() {
  },
  methods: {
    selectStatus(res) {
      this.params.status = res;
    }
  }
}
</script>
